<style>
    .matrix-lable-left {
        text-align-last: left
    }
    .uschedule-content {
        background-color: white;
        height: calc(100vh - 100px);
    }
    .uschedule-content .row {
        margin-bottom: 10px;
    }
    .uschedule-content .row .col-sm-12 {
        line-height: 32px;
    }
</style>

<div class="wrapper-md uschedule-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;域：</label>
                <div class="col-sm-4">
                    <div class="btn-group">
                        <label class="btn btn-sm btn-default btn-area" ng-model="info.sltAreaName" ng-repeat="area in info.areaList" btn-radio="'{{area.areaName}}'" ng-click="switchArea(area)"><i class="fa fa-check text-active"></i> {{area.crtname}}</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;程：</label>
                <div class="col-sm-4">
                    <m-ui-select prompt="请选择工程..."
                                    itme-list="info.programeList"
                                    selected-item="info.sltProgrameItem"
                                    select-item-fun="selectProgrameFun(item)"
                                    has-disabled="info.readPro">
                    </m-ui-select>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">任&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</label>
                <div class="col-sm-4">
                    <div ng-if="info.showApiLoading">
                        <i class="fa fa-spinner fa-spin fa-2x"></i>
                    </div>
                    <m-ui-select ng-if="!info.showApiLoading"
                                    prompt="请选择任务..."
                                    itme-list="info.apiList"
                                    selected-item="info.sltApiItem"
                                    select-item-fun="selectApiFun(item)"
                                    has-other-value="true"
                                    has-disabled="info.readSer">
                    </m-ui-select>
                </div>
                <div class="col-sm-5">
                    <button class="btn btn-success" ng-click="clickTestBtn()">调试</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-4">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th style="width: 30%;">任务</th>
                        <th>结果</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-if="!info.resultList.length">
                        <td colspan="2">暂无数据！</td>
                    </tr>
                    <tr ng-repeat="result in info.resultList" ng-if="info.resultList.length">
                        <td>{{result.name}}</td>
                        <td>{{result.info}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

